// ** React Imports
import { useEffect, useState } from 'react'

export default () => {
  const mockData = [
    {
      name: '居住证明',
      value: '20',
    },
    {
      name: '居住证明',
      value: '20',
    },
    {
      name: '居住证明',
      value: '20',
    },
    {
      name: '居住证明',
      value: '20',
    },
  ]
  useEffect(() => {}, [])

  return (
    <div className="left-two">
      <div className="box-title">事务处理</div>
      <div className="box-content right-two-content dis-flex">
        <div className="flex1">
          {mockData.map((item, index) => {
            return (
              <div key={index} className="dis-flex align-center">
                <div className="circle mr-10"></div>
                <div className="title">{item.name}</div>
                <div className="value">{item.value}</div>
              </div>
            )
          })}
        </div>
        <div className="flex1">
          {mockData.map((item, index) => {
            return (
              <div key={index} className="dis-flex align-center">
                <div className="circle mr-10"></div>
                <div className="title">{item.name}</div>
                <div className="value">{item.value}</div>
              </div>
            )
          })}
        </div>
      </div>
    </div>
  )
}
